<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>ruinb0w HomePage</title>
    <link rel="stylesheet" href="../style/style.css">
    <link rel="stylesheet" href="../style/about.css">
</head>

<body>
    <header>
        <h1>ruinb<span>0</span>w</h1>
        <nav>
            <ul>
                <li id="home"><a href="../index.html">Home</a></li>
                <li id="about"><a href="#">About</a></li>
                <li id="collect"><a href="./collect.html">Collect</a></li>
                <li id="blog"><a href="./blog.html">Blog</a></li>
                <li id="note"><a href="./note.html">Note</a></li>
                <li id="project"><a href="./project.html">Project</a></li>

            </ul>
        </nav>
        <div></div>

    </header>
    <div id="container">
        <adress>
            <article>
                <h3>描述</h3>
                <p>这个主页用来分享我收集到的东西和一些自己写的代码.</p>
            </article>
            <article>
              <h3>关于我</h3>
              2017年毕业于程度信息工程大学, 大气科学学士学位.
              2017年底加入云南机场集团, 负责临沧机场周围天气形势的观测
              2019年中离职, 希望投入计算机的怀抱.
            </article>
            <article>
                <h3>技能点</h3>
              <div class="container">
                <div class="bd">
                  back-end
                  <ul>
                    <li>linux: 熟悉</li>
                    <li>shell: 熟悉</li>
                    <li>c: 熟悉</li>
                    <li>nodejs: 熟悉</li>
                    <li>mongodb: 了解</li>
                    <li>express: 熟悉</li>
                    <li>ejs: 了解</li>
                  </ul>
                </div>   
                <div class="fd">
                  front-end
                  <ul>
                    <li>html5: 熟悉</li>
                    <li>css3: 熟悉</li>
                    <li>javascript: 熟悉</li>
                    <li>jquery: 熟悉</li>
                    <li>bootstrap: 熟悉</li>
                    <li>vuejs: 熟悉</li>
                  </ul>
                </div>
                <div class="client">
                  client
                  <ul>
                    <li>electron: 了解</li>
                    <li>cordova: 了解</li>
                  </ul>
                </div>
              </div>
            </article>
            <div class="clear"></div>
            <article>
                <h3>联系方式</h3>
                <p>
                    邮件: <a href="mailto:ruinb0w@qq.com">ruinb0w@qq.com</a> 
                    telegram: <a href="https://t.me/ruinb0w">ruinb0w</a>
                </p>
            </article>
            <article>
                <h3>免责声明</h3>
                <p>主页资源均来自互联网,如果主页资源侵犯到了您的利益,请联系我删除内容.</p>
            </article>
            <article>
                <h3>相关链接</h3>
                <p id="link">
                    <a href="https://github.com/ruinb0w" target="_blank"><img src="../img/github.png" alt="github"></a>
                    <a href="http://space.bilibili.com/7768892#!/index" target="_blank"><img src="../img/bilibili.png" alt="bilibili"></a>
                </p>
            </article>
        </adress>
    </div>
    <footer>
        <p>(ɔ) the ruinb0w after the ruin.</p>
    </footer>
    <script src="script.js"></script>
</body>

</html>
